body {
	overflow-x: auto;
	background-color: #eeeeee;
}
.main-con {
	/* width: 1108px; */
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: white;
	 
}

.main-con .container {
	width: 908px;
	margin: 96px 100px 50px;
	padding: 0px;
	font-family:Microsoft YaHei;
}

.container .info {
	height: auto;
	overflow: hidden;
	margin-bottom: 60px;
}

.info .title {
	width: 100%;
	height: 51px;
}

.title .title-left {
	display: block;
	float: left;
	width: 173px;
	height: 51px;
	background-color: black;
	font-size: 24px;
	color: white;
	text-align: center;
	line-height: 51px;
}

.title .title-right {
	display: block;
	float: left;
    width: 632px;
	height: 50px;
	font-size: 18px;
	border-bottom: 1px dashed darkgray;
	line-height: 50px;
	padding-left: 10px;
}

.info .info-form {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.info .info-form .count-login {
	width: 173px;
	height: auto;
	float: left;
}
.count-login .count{
	margin-top: 30px;
}
.info .info-form .count .progress {
	height: 10px;
	margin-top: 5px;
}

.info .info-form .count .progress .progress-bar-danger {
	background-color: #FA5B81;
}
.count-login .time{
	height:auto;
	margin-top:23px;
	color:#ababab;
	font-size:14px;
}
.count-login .pull-left{
	float:none !important;
	font-size:16px;
}
.info .info-form .pull-left img {
	width: 60px;
	height: 60px;
	margin-right: 15px;
}

.info .info-form table {
	display: block;
	width: 735px;
	text-align: left;
	float: left;
	padding-top:38px;
	padding-left: 15px;
	font-size:18px;
}
.info-form table tr{
	height:30px;
}
.info .info-form table td {
	padding: 0px 10px;
	padding-right: 100px;
	font-weight: 600;
}

.container .suggestion {
	height: auto;
	overflow: hidden;
	margin-bottom:36px;
}

.suggestion .title {
	width: 100%;
	height: 51px;
}

.suggestion .list {
	width: 735px;
	float: right;
	line-height:180%;
	font-size:18px;
}
.suggestion .list>ul{
	padding-left:0px; 
}


.container .product {
	height: auto;
	overflow: hidden;
}

.product .title {
	width: 100%;
	height: 51px;
}

.product .product-link {
	width: 735px;
	float: right;
}

.product .product-link img {
	width: 120px;
}

.product .product1,.product2,.product3 {
	float: left;
	width: 30%;
	text-align: center;
}

.product .product-link a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.product .btn {
	margin-top: 30px;
	border-radius: 0px;
}

.main-con .reply {
	width: 100%;
	height: auto;
	border-top: 1px solid #dfdfdf;
	margin-bottom:50px;
	border-top: solid 1px #dfdfdf;
}

.reply .title {
	height: 51px;
	line-height: 51px;
}

.reply .title img {
	width: 22px;
	margin-bottom: 13px;
	margin-left: 10px;
}

.reply .title span {
	font-size: 30px;
	font-family:Microsoft YaHei;
}

.reply .reply-list{
	height:auto;
	width:100%;
}

.reply-list .head-img{
	height:auto;
	overflow: hidden;
}
.reply-list .head-img img{
	dispaly:block;
	float:left;
}
.reply-list .name-leave{
	float:left;
	padding:10px;
}
.name-leave .leave-time{
	font-size: 12px;
    color: darkgray;
}
.reply-list .reply-content{
	width:87%;
	margin:10px auto 0px;
	height:auto;
	padding-right:20px;
	font-size:16px;
}
.replys{
	height:auto;
	margin-bottom:20px;
}
.replys .reply-box{
	margin-left:70px;
	margin-top: 20px;
	display:block;
	    width: 58%;
}
.replys .reply-btn{
	height:26px;
	margin-left: 694px;
	display:none;
}

.reply-btn span{
	font-size:13px;
	color:darkgray;
}
.reply-list .hr{
	height:1px;
	background-color: #dfdfdf;
	width: 86%;
    margin-left: 70px;
}

.reply .input-box{
	margin-top:80px;
	text-align:center;
}
.reply .btn-success{
	    border-radius:0;
	    padding:5px 24px;
	    position: absolute;
    	right:228px;